<!DOCTYPE HTML>
<html lang="pt-BR">
<head>
<meta charset="utf-8">
<title>Consultar Clientes</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Admin Panel Template">
<meta name="author" content="Westilian: Kamrujaman Shohel">
<!-- styles -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link rel="stylesheet" href="css/font-awesome.css">
<!--[if IE 7]>
            <link rel="stylesheet" href="css/font-awesome-ie7.min.css">
        <![endif]-->
<link href="css/styles.css" rel="stylesheet">
<!--[if IE 7]>
            <link rel="stylesheet" type="text/css" href="css/ie/ie7.css" />
        <![endif]-->
<!--[if IE 8]>
            <link rel="stylesheet" type="text/css" href="css/ie/ie8.css" />
        <![endif]-->
<!--[if IE 9]>
            <link rel="stylesheet" type="text/css" href="css/ie/ie9.css" />
        <![endif]-->
<link href='http://fonts.googleapis.com/css?family=Dosis' rel='stylesheet' type='text/css'>
<!--fav and touch icons -->
<link rel="shortcut icon" href="ico/favicon.ico">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="ico/apple-touch-icon-57-precomposed.png">
<!--============j avascript===========-->
<script src="js/jquery.js"></script>
<script src="js/jquery-ui-1.10.1.custom.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/accordion.nav.js"></script>
<script src="js/custom.js"></script>
<script src="js/respond.min.js"></script>
<script src="js/ios-orientationchange-fix.js"></script>

<!--====DATE Time Picker====-->
<script src="js/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript">
    $(function () {
        $('#datetimepicker4').datetimepicker({
            pickTime: false,
        });
    });
</script>
<!--====DATE Time Picker====-->
</head>
<body>
<div class="layout"> 
  <!-- Navbar================================================== -->
  <div class="navbar navbar-inverse top-nav">
    <div class="navbar-inner">
      <div class="container"> 
        <!--<span class="home-link"><a href="index.html" class="icon-home"></a></span>--><a class="brand" href="./index.html"><img src="images/logo-241-x-69.png" width="190" height="66" alt="Falgun"></a> 
        <!--<div class="nav-collapse">
					<ul class="nav">
						<li class="dropdown"><a data-toggle="dropdown" class="dropdown-toggle" href="#"><i class="icon-th-large"></i> Forms <b class="icon-angle-down"></b></a>
						<div class="dropdown-menu">
							<ul>
								<li><a href="form-elements.html"><i class="icon-list-alt"></i> Form Elements </a></li>
								<li><a href="form-components.html"><i class="icon-th"></i> Form Components </a></li>
								<li><a href="form-validation.html"><i class="icon-ok-circle"></i> Form Validation</a></li>
								<li><a href="form-wizard.html"><i class="icon-external-link"></i> Form Wizard </a></li>
								<li><a href="text-editor.html"><i class="icon-pencil"></i> WYSIWYG editor </a></li>
							</ul>
						</div>
						</li>
						<li class="dropdown"><a data-toggle="dropdown" class="dropdown-toggle" href="#"><i class="icon-beaker"></i> Features <b class="icon-angle-down"></b></a>
						<div class="dropdown-menu">
							<ul>
								<li><a href="tables.html"><i class="icon-table"></i> Basic Tables</a></li>
								<li><a href="table-cloth.html"><i class="icon-table"></i> Tables-Theme</a></li>
								<li><a href="data-tables.html"><i class=" icon-th"></i> Data Tables</a></li>
								<li><a href="grid.html"><i class=" icon-columns"></i> Grid</a></li>
								<li><a href="typography.html"><i class=" icon-font"></i> Typography</a></li>
								<li><a href="calendar.html"><i class=" icon-calendar"></i> Calendar</a></li>
								<li><a href="file-manager.html"><i class=" icon-folder-open"></i> File Manager</a></li>
							</ul>
						</div>
						</li>
						<li class="dropdown"><a data-toggle="dropdown" class="dropdown-toggle" href="#"><i class="icon-list-alt"></i> UI elements <b class="icon-angle-down"></b></a>
						<div class="dropdown-menu">
							<ul>
								<li><a href="components-widgets.html"><i class=" icon-list-alt"></i> Components &amp; UI Elements</a></li>
								<li><a href="buttons-icons.html"><i class=" icon-th-large"></i> Buttons &amp; Icons</a></li>
							</ul>
						</div>
						</li>
						<li class="dropdown"><a data-toggle="dropdown" class="dropdown-toggle" href="#"><i class="icon-file-alt"></i> Pages <b class="icon-angle-down"></b></a>
						<div class="dropdown-menu">
							<ul>
								<li class="dropdown-submenu"><a href="#"><i class="icon-minus-sign"></i> Error Pages</a>
								<div class="dropdown-menu">
									<ul>
										<li><a href="page-403.html"><i class=" icon-file-alt"></i> 403 Error Page</a></li>
										<li><a href="page-404.html"><i class=" icon-file-alt"></i> 404 Error Page</a></li>
										<li><a href="page-405.html"><i class=" icon-file-alt"></i> 405 Error Page</a></li>
										<li><a href="page-500.html"><i class=" icon-file-alt"></i> 500 Error Page</a></li>
										<li><a href="page-503.html"><i class=" icon-file-alt"></i> 503 Error Page</a></li>
									</ul>
								</div>
								</li>
								<li><a href="login.html"><i class=" icon-unlock"></i> Login Page</a></li>
                                <li><a href="profile.html"><i class="icon-file"></i> Profile Page</a></li>
                                <li><a href="search-page.html"><i class="icon-file"></i> Search Page</a></li>
                                <li><a href="invoice.html"><i class="icon-file"></i> Invoice Page</a></li>
                                <li><a href="profile.html"><i class="icon-file"></i> Profile Page</a></li>
                                <li><a href="search-page.html"><i class="icon-file"></i> Search Page</a></li>
                                <li><a href="invoice.html"><i class="icon-file"></i> Invoice Page</a></li>
								<li><a href="gallery.html"><i class="icon-picture"></i> Gallery</a></li>
								<li><a href="pricing.html"><i class="icon-money"></i> Pricing Page</a></li>
								<li><a href="chat.html"><i class="icon-comments"></i> Chat Page</a></li>
							</ul>
						</div>
						</li>
						<li class="dropdown"><a data-toggle="dropdown" class="dropdown-toggle" href="#"><i class="icon-bar-chart"></i> Charts <b class="icon-angle-down"></b></a>
						<div class="dropdown-menu">
							<ul>
								<li><a href="flot-chart.html"><i class="icon-bar-chart"></i> Flot Charts</a></li>
								<li><a href="google-chart.html"><i class="icon-google-plus-sign"></i> Goolge Chart</a></li>
							</ul>
						</div>
						</li>
					</ul>
				</div>-->
        <div class="btn-toolbar pull-right notification-nav">
          <div class="btn-group">
            <div class="dropdown"> <a class="btn btn-notification dropdown-toggle" data-toggle="dropdown"><i class="icon-globe"><span class="notify-tip">30</span></i></a>
              <div class="dropdown-menu pull-right "> <span class="notify-h"> Você tem 30 notificações</span><a class="msg-container clearfix"><span class="notification-thumb"><img src="images/notify-thumb.png" width="50" height="50" alt="user-thumb"></span><span class="notification-intro"> In hac habitasse platea dictumst. Aliquam posuere quam in nul<span class="notify-time"> 3 Hours Ago </span></span></a><a class="msg-container clearfix"><span class="notification-thumb"><i class="icon-file"></i></span><span class="notification-intro"><strong>Files </strong>In hac habitasse platea dictumst. Aliquam posuere<span class="notify-time"> 8 Hours Ago </span></span></a><a class="msg-container clearfix"><span class="notification-thumb"><img src="images/user-thumb.png" width="50" height="50" alt="user-thumb"></span><span class="notification-intro"> In hac habitasse platea dictumst. Aliquam posuere<span class="notify-time"> 3 Days Ago </span></span></a><a class="msg-container clearfix"><span class="notification-thumb"><i class=" icon-envelope-alt"></i></span><span class="notification-intro"><strong>Message</strong> In hac habitasse platea dictumst. Aliquam posuere<span class="notify-time"> 2 Weeks Ago </span></span></a>
                <button class="btn btn-primary btn-large btn-block">Ver todas</button>
              </div>
            </div>
          </div>
          <div class="btn-group">
            <div class="dropdown"> <a class="btn btn-notification"><i class="icon-envelope-alt"></i></a> </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="leftbar leftbar-close clearfix">
    <div class="admin-info clearfix">
      <div class="admin-thumb"> <i class="icon-user"></i> </div>
      <div class="admin-meta">
        <ul>
          <li class="admin-username">Kleilson Sousa</li>
          <li><a href="#">Editar</a></li>
          <li><a href="#">Perfil </a><a href="#"><i class="icon-lock"></i> Sair</a></li>
        </ul>
      </div>
    </div>
    <div class="left-nav clearfix">
      <div class="left-primary-nav">
        <ul id="myTab">
          <!--<li><a href="#main" class="icon-desktop" title="Dashboard"></a></li>-->
          <li class="active"><a href="#forms" class="icon-group" title="CLIENTES"></a></li>
          <li><a href="#contratos" class="icon-file-alt" title="CONTRATOS"></a></li>
          <li><a href="#ui-elements" class="icon-comments-alt" title="CONTACT CENTER"></a></li>
          <li><a href="#relatorios" class="icon-bar-chart" title="RELATÓRIOS"></a></li>
          <li><a href="#simulador" class="icon-money" title="SIMULADOR"></a></li>
          <li><a href="#recibos" class="icon-copy" title="RECIBOS"></a></li>
          <li><a href="#config" class="icon-cogs" title="CONFIGURAÇÕES"></a></li>
        </ul>
      </div>
      <div class="responsive-leftbar"> <i class="icon-list"></i> </div>
      <div class="left-secondary-nav tab-content"> 
        <!--<div class="tab-pane active" id="main">
					<h4 class="side-head">Dashboard</h4>
					<div class="search-box">
						<div class="input-append input-icon">
							<input class="search-input" placeholder="Search..." type="text">
							<i class=" icon-search"></i>
							<button class="btn" type="button">Go!</button>
						</div>
					</div>
					<ul class="metro-sidenav clearfix">
						<li><span class="notify-tip">30</span><a href="#" class="brown"><i class="icon-user"></i><span>User</span></a></li>
						<li><a href="#" class="orange"><i class="icon-cogs"></i><span>Settings</span></a></li>
						<li><a href="#" class=" blue-violate"><i class="icon-lightbulb"></i><span>Support</span></a></li>
						<li><a href="#" class=" magenta"><i class="icon-bar-chart"></i><span>Statistics</span></a></li>
						<li><a href="#" class="green"><i class="icon-shopping-cart"></i><span>Orders</span></a></li>
						<li><a href="#" class=" bondi-blue"><i class="icon-time"></i><span>Events</span></a></li>
						<li><a href="#" class=" dark-yellow"><i class="icon-file-alt"></i><span>Post</span></a></li>
						<li><a href="#" class=" blue"><i class="icon-copy"></i><span>Documents</span></a></li>
					</ul>
					<div class="side-widget">
						<div class="board-widgets light-blue">
							<div class="board-widgets-head clearfix">
								<h4 class="pull-left">Bandwidth Usage</h4>
								<a href="#" class="widget-settings"><i class="icon-cloud"></i></a>
							</div>
							<div class="board-widgets-content">
								<div class="progress progress-striped active min progress-info">
									<div class="bar" style="width: 48%;">
									</div>
								</div>
								<div class="stat-text progress-stat">
									<i class="progres-percent">48%</i> 12000 MB / 25000 MB
								</div>
							</div>
						</div>
						<div class="board-widgets light-blue ">
							<div class="board-widgets-head clearfix">
								<h4 class="pull-left">Disk Usage</h4>
								<a href="#" class="widget-settings"><i class="icon-hdd"></i></a>
							</div>
							<div class="board-widgets-content">
								<div class="progress progress-striped active min progress-success">
									<div class="bar" style="width: 20%;">
									</div>
								</div>
								<div class="stat-text progress-stat">
									<i class="progres-percent">20%</i> 50GB / 250 GB
								</div>
							</div>
						</div>
						<div class="board-widgets gray">
							<div class="board-widgets-head clearfix">
								<h4 class="pull-left">Visitors</h4>
								<a href="#" class="widget-settings"><i class="icon-group"></i></a>
							</div>
							<div class="board-widgets-content">

								<div class="line-min-chart min-chart">
								</div>
								<div class="stat-text">
									 26458 <i class="up icon-sort-up"></i> 5%
								</div>
							</div>
						</div>
					</div>
				</div>-->
        <div class="tab-pane active" id="forms">
          <h4 class="side-head">CLIENTES</h4>
          <ul id="nav" class="accordion-nav">
            <li><a href="importacao.html"><i class="icon-download-alt"></i> IMPORTAR<span> Importa os clientes a partir de um arquivo .CSV </span> </a></li>
            <li><a href="cadastrar_clientes.html"><i class="icon-plus-sign-alt"></i> CADASTRAR<span> Cadastro de clientes </span></a></li>
            <li><a href="listar_clientes.html"><i class="icon-list"></i> LISTAR<span> Lista os clientes com paginação </span> <span class="notify-tip">52</span></a></li>
            <li><a href="consultar_clientes.html"><i class="icon-search"></i> CONSULTAR<span> Consultar clientes com informações especificas </span></a></li>
          </ul>
        </div>
        <div class="tab-pane" id="contratos">
          <h4 class="side-head">CONTRATOS</h4>
          <ul class="accordion-nav">
            <li><a href="#"><i class="icon-asterisk"></i> NOVO<span>Gerar contrato novo</span></a></li>
            <li><a href="#"><i class="icon-list"></i> LISTAR<span>Lista os contratos com paginação</span> <span class="notify-tip">650</span></a></li>
            <li><a href="#"><i class="icon-search"></i> CONSULTAR<span>Consultar contratos a partir de dados específicos</a></li>
            <li><a href="#"><i class="icon-file"></i> PROTOCOLO<span>Gerar protocolo dos contratos</a></li>
          </ul>
        </div>
        <div class="tab-pane" id="ui-elements">
          <h4 class="side-head">CONTACT CENTER</h4>
          <ul class="accordion-nav">
            <li><a href="#"><i class="icon-gift"></i> ANIVERSÁRIANTES </a></li>
            <li><a href="#"><i class="icon-circle-blank"></i> LISTA POR ORGÃO</a>
              <ul>
                <li><a href="#"><i class="icon-file-alt"></i> INSS</a></li>
                <li><a href="#"><i class="icon-file-alt"></i> ESTADO</a></li>
                <li> <img src="images/imgOnOpen.png"> <a href="#"><i class="icon-file-alt"></i> PREFEITURAS</a>
                  <ul style="display: block;">
                    <li><a href="#"><span><i class="icon-file-alt"></i> NATAL</span></a></li>
                    <li><a href="#"><span><i class="icon-file-alt"></i> PARNAMIRIM</span></a></li>
                    <li><a href="#"><span><i class="icon-file-alt"></i> MACAÍBA</span></a></li>
                  </ul>
                </li>
                <li><a href="#"><i class="icon-file-alt"></i> MILITAR</a></li>
                <li><a href="#"><i class="icon-file-alt"></i> FEDERAL</a></li>
                <li><a href="#"><i class="icon-file-alt"></i> CRÉDITO PESSOAL</a></li>
              </ul>
            </li>
            <li><a href="#"><i class="icon-search"></i> CONSULTA POR CPF</a></li>
            <li><a href="#"><i class="icon-copy"></i> REFINANCIAMENTOS</a></li>
            <li><a href="#"><i class="icon-share"></i> FOLLOW UP</a></li>
          </ul>
        </div>
        <div class="tab-pane" id="relatorios">
          <h4 class="side-head">RELATÓRIOS</h4>
          <ul class="accordion-nav">
            <li><a href="#"><i class="icon-file-alt"></i> Acompanhamento<span>Relatório dos contratos em acompanhamento</span></a></li>
            <li><a href="#"><i class="icon-file-alt"></i> Pagos<span>Relatório dos contratos pago</span></a></li>
            <li><a href="#"><i class="icon-file-alt"></i> Produção<span>Relatório de produção por período</span></a></li>
          </ul>
        </div>
        <div class="tab-pane" id="simulador">
          <h4 class="side-head">SIMULADOR</h4>
          <ul class="accordion-nav">
            <li> <img src="images/imgOnOpen.png"> <a href="#"><i class="icon-home"></i> BANCOS</a>
              <ul style="display: block;">
                <li><a href="#1"><i class="icon-money"></i> BMG / SEMEAR</a></li>
                <li><a href="#1"><i class="icon-money"></i> GE / CIFRA</a></li>
                <li><a href="#1"><i class="icon-money"></i> SCHAIN</a></li>
                <li><a href="#2"><i class="icon-money"></i> BONSUCESSO</a></li>
                <li><a href="#3"><i class="icon-money"></i> MERCANTIL</a></li>
                <li><a href="#4"><i class="icon-money"></i> CRUZEIRO DO SUL</a></li>
                <li><a href="#5"><i class="icon-money"></i> BRADESCO</a></li>
              </ul>
            </li>
          </ul>
        </div>
        <div class="tab-pane" id="recibos">
          <h4 class="side-head">RECIBOS</h4>
          <ul class="accordion-nav">
            <li><a href="#"><i class="icon-plus-sign-alt"></i> GERAR RECIBO<span>Gerar recibos diversos</span></a></li>
            <li><a href="#"><i class="icon-list"></i> LISTAR<span>Lista os recibos gerados</span> </a></li>
            <li><a href="#"><i class="icon-search"></i> CONSULTAR<span>Consultar recibos a partir de dados específicos</a></li>
          </ul>
        </div>
        <div class="tab-pane" id="config">
          <h4 class="side-head">CONFIGURAÇÕES</h4>
          <ul class="accordion-nav">
            <li><!-- <img src="images/imgOnOpen.png"> --><a href="#"><i class="icon-user"></i> USUÁRIOS</a>
              <ul>
                <!--style="display: block;"-->
                <li><a href="#"><i class="icon-plus-sign-alt"></i> Cadastrar</a></li>
                <li><a href="#"><i class="icon-list"></i> Listar</a></li>
              </ul>
            </li>
            <li><!-- <img src="images/imgOnOpen.png"> --><a href="#"><i class="icon-user"></i> CORRETORES</a>
              <ul>
                <!--style="display: block;"-->
                <li><a href="#"><i class="icon-plus-sign-alt"></i> Cadastrar</a></li>
                <li><a href="#"><i class="icon-list"></i> Listar</a></li>
              </ul>
            </li>
            <li><!-- <img src="images/imgOnOpen.png"> --><a href="#"><i class="icon-home"></i> LOJAS</a>
              <ul>
                <!--style="display: block;"-->
                <li><a href="#"><i class="icon-plus-sign-alt"></i> Cadastrar</a></li>
                <li><a href="#"><i class="icon-list"></i> Listar</a></li>
              </ul>
            </li>
            <li><a href="#"><i class="icon-list"></i> LOG USUÁRIOS</a></li>
            <li><a href="#"><i class="icon-calendar"></i> WEB PONTO</a></li>
            <li><a href="#"><i class="icon-unlock"></i> PERMISSÕES</a></li>
            <li><a href="#"><i class="icon-exclamation-sign"></i> IPS CONFIÁVEIS</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <div class="main-wrapper">
    <div class="container-fluid">
      <div class="row-fluid ">
        <div class="span12">
          <div class="primary-head">
            <h3 class="page-header">Consultar Clientes</h3>
            <ul class="top-right-toolbar">
              <li><a href="importacao.html" class="bondi-blue" title="Importar"><i class="icon-download-alt"></i></a></li>
              <li><a href="cadastrar_clientes.html" class="green" title="Novo"><i class="icon-plus"></i></a></li>
              <li><a href="listar_clientes.html" class="blue" title="Listar"><i class="icon-list"></i></a></li>
            </ul>
          </div>
          <!--<ul class="breadcrumb">
						<li><a href="#" class="icon-home"></a><span class="divider "><i class="icon-angle-right"></i></span></li>
						<li><a href="#">Library</a><span class="divider"><i class="icon-angle-right"></i></span></li>
						<li class="active">Form</li>
					</ul>--> 
        </div>
      </div>
      <div class="row-fluid">
        <div class="span12">
          <div class="content-widgets light-gray">
            <div class="widget-head orange"> 
              <!--<h3>Basic Form Elements</h3>-->&nbsp; </div>
            <div class="widget-container">
              <form class="form-horizontal">
                <div class="control-group">
                  <label class="control-label">Nome</label>
                  <div class="controls">
                    <input type="text" placeholder="Nome" class="span5 left-stripe">
                  </div>
                </div>
                <div class="control-group">
                  <label class="control-label">CPF</label>
                  <div class="controls">
                    <input type="text" placeholder="999.999.999-99" class="span5 left-stripe" id="cpf">
                  </div>
                </div>
                <div class="control-group">
                  <label class="control-label">RG</label>
                  <div class="controls">
                    <input type="text" placeholder="RG" class="span5 left-stripe">
                  </div>
                </div>
                <div class="control-group">
                  <label class="control-label">Data Nasc.</label>
                  <div class="controls">
                    <div id="datetimepicker4" class="input-append"> <span class="add-on left-stripe"><i data-time-icon="icon-time" data-date-icon="icon-calendar"></i></span>
                      <input data-format="dd/MM/yyyy" type="text" placeholder="Data de Nascimento">
                    </div>
                  </div>
                </div>
                <div class="control-group"> 
                  <!--<label class="control-label">Text Input</label>-->
                  <div class="controls"> 
                    <!--<input type="text" class="span5">--> 
                    <span class="help-block"><i class="icon-info-sign"></i> Preencha os campos relacionado a sua consulta.</span> </div>
                </div>
                <div class="form-actions">
                  <button type="submit" class="btn btn-success"><i class="icon-search"></i> Consultar</button>
                  <button type="reset" class="btn btn-danger"><i class="icon-remove"></i> Limpar</button>
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>
      <div class="row-fluid">
        <div class="span12"></div>
      </div>
      <div class="row-fluid">
        <div class="span12"></div>
      </div>
    </div>
  </div>
  <div class="copyright">
    <p> <img src="images/orion_logo.png" width="60" style="position:relative; top:-5px;"> &copy; 2013 $Prósper@ Empreendimentos </p>
  </div>
  <div class="scroll-top"> <a href="#" class="tip-top" title="Go Top"><i class="icon-double-angle-up"></i></a> </div>
</div>
</body>
</html>